<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>腾讯首页布局</title>
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="piao">
    	<div class="yuansu"></div>
    	<div class="yuansu"></div>
    	<div class="yuansu"></div>
    	<div class="yuansu"></div>
    </div>
    <div class="body">
		<!--     头部开始 -->
	    <div class="header">
	    	<div class="header_logo">
	    		
	    	</div>
	    	<div class="header_center1">
	    		
	    	</div>
	    	<div class="header_center2">
	    		
	    	</div>
	    	<div class="header_right">
	    		
	    	</div>
	    </div>
	    <!-- 栏目开始 -->
	    <div class="category">
	    	 <div class="cate_top">
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 </div>
	    	 <div class="cate_bottom">
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 	<div class="top_s"></div>
	    	 </div>
	    </div>
	    <!-- 主体内容开始 top -->
	    <div class="main_top">
	        <!-- 左边部分 -->
	    	<div class="main_top_left">
	    		<div class="banner_left"></div>
	    		<!-- 左边内容 -->
	    		<div class="detail_left">
	    			<div class="title_left">
	    			</div>
	    		</div>
	    		<!-- 右边内容 -->
	    		<div class="detail_right">
	    			<div class="title_right">
	    				
	    			</div>
	    			<div class="title_right">
	    				
	    			</div>
	    			<div class="title_right">
	    				
	    			</div>
	    		</div>
	    		<div class="banner_left" style="margin-top:10px;"></div>
	    	</div>
	    	<!-- 右边部分 -->
	    	<div class="main_top_right">
	    		<div class="banner_right"></div>
	    		<div class="fenlie"></div>
	    		<div class="jingdong"></div>
	    		<div class="gushi"></div>
	    		<div class="xingzuo"></div>
	    		<div class="gaoji"></div>
	    	</div>
	    </div>
	    <!-- 主体内容 mid -->
	    <div class="main_mid">
	    	 <div class="main_mid_left">
	    	 	<div class="mid_top" >
	    	 		<div class="mid_top_left"></div>
	    	 		<div class="mid_top_right"></div>
	    	 	</div>
	    	 	<div class="mid_bottom">
	    	 		<div class="mid_bottom_left"></div>
	    	 		<div class="mid_bottom_right"></div>
	    	 	</div>
	    	 </div>
	    	 <div class="main_mid_right">
	    	 	  <div class="mid_right_top" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_bottom" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 </div>
	    </div>
	    <!-- 中间banner广告 -->
        <div class="bigban"  ></div>
        <!-- 主体内容 mid -->
        <div class="main_mid">
	    	 <div class="main_mid_left">
	    	 	<div class="mid_top" >
	    	 		<div class="mid_top_left"></div>
	    	 		<div class="mid_top_right"></div>
	    	 	</div>
	    	 	<div class="mid_bottom">
	    	 		<div class="mid_bottom_left"></div>
	    	 		<div class="mid_bottom_right"></div>
	    	 	</div>
	    	 	<div class="mid_left_banner"></div>
	    	 	<div class="mid_top" >
	    	 		<div class="mid_top_left"></div>
	    	 		<div class="mid_top_right"></div>
	    	 	</div>
	    	 	<div class="mid_bottom">
	    	 		<div class="mid_bottom_left"></div>
	    	 		<div class="mid_bottom_right"></div>
	    	 	</div>
	    	 	<div class="mid_top" >
	    	 		<div class="mid_top_left"></div>
	    	 		<div class="mid_top_right"></div>
	    	 	</div>
	    	 	<div class="mid_bottom">
	    	 		<div class="mid_bottom_left"></div>
	    	 		<div class="mid_bottom_right"></div>
	    	 	</div>
	    	 </div>
	    	 <div class="main_mid_right">
	    	 	  <div class="mid_right_top" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_bottom" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_banner"></div>
	    	 	  <div class="mid_right_top" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_bottom" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_top" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 	  <div class="mid_right_bottom" style="margin-bottom:10px;border-top: 2px solid blue;"></div>
	    	 </div>
	    </div>
	    <!-- 焦点 -->
	    <div class="jiaodian">
	    	<div class="tou"></div>
	    	<div class="shen">
	    		<div class="dange" style="margin-left:0px;"></div>
	    		<div class="dange"></div>
	    		<div class="dange"></div>
	    		<div class="dange"></div>
	    		<div class="dange"></div>
	    		<div class="dange" ></div>
	    	</div>
	    </div>
	    <!-- 底部的banner广告 -->
	    <div class="dibuban"></div>
        <!--  尾部开始  -->
        <div class="footer">
        	<div class="shang"></div>
        	<div class="xia">
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        		<div class="xia_co"></div>
        	</div>
        </div>
    </div>
</body>
</html>